{% extends "base.html" %}
{% load url from future %}

{%load  i18n  %}
{%block body%}


<div id="my_account" data-role="page" class="page" data-dom-cache="false">

<div data-role="header" data-position="fixed" data-theme="b">
	<h1>{%trans 'My Account'%}</h1>
	<a href="/" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
	<a href="/search/" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
</div>
<div data-role="content">
<h3>{%trans 'Your current balance is'%}:{{account.balance}}</h3>

<h2>{%trans 'Last 15 Transactios'%}</h2>
<table>
<tr>
	<td>{%trans 'Service'%}</td>
	<td>{%trans 'Date'%}</td>
	<td>{%trans 'Transaction Date'%}</td>
	<td>{%trans 'Cost'%}</td>
	<td>{%trans 'Balance'%}</td>
</tr>
{%for t in transfers%}
<tr>
	<td>{{t.transaction.title}}</td>
	<td>{{t.transaction.appointment.appointment_date}}</td>
	<td>{{t.created_date}}</td>
	<td>{{t.amount}}</td>
	<td>{{t.balance}}</td>
</tr>
{%endfor%}
</table>
</div><!-- /content -->			
{%include 'menu.html' %}
</div><!-- /page home-->
{%endblock body%}
